<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 如果js代码 被多个.html用到 那么我们可以把js
    单独写道一个文件中 
    好处: html代码会清爽  提升代码的复用性   -->
    <script src="index.js">alert(999)</script>
    <script src="index1.js"></script>
    <script src="index2.js"></script>
    <script src="index3.js"></script>
    
    <!-- alert(999) 因为已经有了src 所以它不会执行  -->
    <!-- 如果你使用外联的形式执行js -->
    <!-- 那么<script>标签中间就不要写任何的代码 因为写了也白搭 
        标签中的代码不会执行  切记 -->
</head>
<body>
    <script src="index4.js"></script>
    <!-- 外联的script标签可以写在head中 也可以写在body
    一个页面 可以同时导入多个文件  也是从上到下依次执行  

    -->


    <!-- 我们比较推荐大家把 <script src="index4.js"></script> 写在body的末尾-->

</body>
</html>